<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<!-- 删除默认的苹果工具栏和菜单栏 ： 即启用 WebApp 全屏模式  -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<!-- 在web app应用下状态条（屏幕顶部条）的颜色；默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!-- 忽略数字自动识别为电话号码 ,忽略识别邮箱 -->
		<meta name="format-detection" content="telephone=no, email=no" />
		<!-- 启用360浏览器的极速模式(webkit) -->
		<meta name="renderer" content="webkit">
		<!-- 避免IE使用兼容模式 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- uc强制竖屏 -->
		<meta name="screen-orientation" content="portrait" />
		<!-- QQ强制竖屏 -->
		<meta name="x5-orientation" content="portrait">
		<!-- UC强制全屏 -->
		<meta name="full-screen" content="true" />
		<!-- QQ强制全屏 -->
		<meta name="x5-fullscreen" content="true" />
		<!-- 360强制全屏 -->
		<meta name="360-fullscreen" content="true" />

		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>拍照搜题</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
		<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
		<style>
			.content{
				display:flex;
				justify-content: center;
				align-items: center;
			}
			.content1 {
				display: flex;
				justify-content: center;
				align-items: center;
				background: #4cc3ff;
				width: 8rem;
				height: 8rem;
				border-radius: 50%;
			}
			
			.xiangji {
				color: white;
			}
		</style>
	</head>

	<body>
		<div class="page-group">
			<div class="page page-current">
				<!-- 你的html代码 -->
				<header class="bar bar-nav">
					<h1 class="title">拍照搜题</h1>
				</header>
				<nav class="bar bar-tab">
					<a class="tab-item external" href="首页.html">
						<span class="icon icon-home"></span>
						<span class="tab-label">首页</span>
					</a>
					<a class="tab-item external" href="1对1.html">
						<span class="icon icon-browser"></span>
						<span class="tab-label">1对1</span>
					</a>
					<a class="tab-item active" href="#">
						<span class="icon icon-search"></span>
						<span class="tab-label">拍照</span>
					</a>
					<a class="tab-item external" href="朋友圈.html">
						<span class="icon icon-friends"></span>
						<span class="tab-label">朋友圈</span>
					</a>
					<a class="tab-item external" href="我的.html">
						<span class="icon icon-me"></span>
						<span class="tab-label">我</span>
					</a>
				</nav>
				<div class="content">
					<!-- 这里是页面内容区 -->
					<div class="content1">
						<span class="icon-camera icon-5x xiangji"></span>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.2.1.js"></script>
		<!--<script>jQuery.noConflict()</script>-->
		<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
		<script>
			$(start);

		</script>
	</body>

</html>